import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#0052cc',
          light: '#4c9aff',
          dark: '#0747a6',
        },
        secondary: {
          DEFAULT: '#6554c0',
          light: '#8777d9',
          dark: '#403294',
        },
        success: {
          DEFAULT: '#36b37e',
          light: '#57d9a3',
          dark: '#006644',
        },
        warning: {
          DEFAULT: '#E67E22',  // 温暖的橙色
          light: '#F4D03F',    // 金色
          dark: '#D35400',     // 深橙色
        },
        danger: {
          DEFAULT: '#C0392B',  // 深红色
          light: '#E74C3C',    // 鲜红色
          dark: '#922B21',     // 暗红色
        },
        warm: {
          DEFAULT: '#E67E22',  // 主要橙色
          light: '#F39C12',    // 浅橙色
          dark: '#D35400',     // 深橙色
          brown: '#A04000',    // 红棕色
          gold: '#F1C40F',     // 金色
          rust: '#BA4A00',     // 锈红色
        },
        neutral: {
          lightest: '#ffffff',
          lighter: '#f4f5f7',
          light: '#dfe1e6',
          DEFAULT: '#6b778c',
          dark: '#42526e',
          darker: '#253858',
          darkest: '#172b4d',
        },
      },
      boxShadow: {
        card: '0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)',
        'card-hover': '0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)',
      },
    },
  },
  plugins: [],
};

export default config; 